import { Button } from "antd";
import XSelectorFangXiangBtn from "./PSelectorFangXiangBtn";

export default function () {
    return (
        <div className="grid-container">
            <div className="grid-item"></div>
            <div className="grid-item" title="父元素">
                <XSelectorFangXiangBtn fangXiang="top" />
            </div>
            <div className="grid-item"></div>
            <div className="grid-item" style={{ justifyContent: "flex-end" }} title="兄弟元素">
                <XSelectorFangXiangBtn fangXiang="left" />
            </div>
            <div className="grid-item">
                <Button color="default" danger variant="text" size="small">
                    <span style={{ color: "#dd4a4a" }}>null</span>
                </Button>
            </div>
            <div className="grid-item" style={{ justifyContent: "flex-start" }} title="兄弟元素">
                <XSelectorFangXiangBtn fangXiang="right" />
            </div>
            <div className="grid-item"></div>
            <div className="grid-item" title="第一个子元素">
                <XSelectorFangXiangBtn fangXiang="bottom" />
            </div>
            <div className="grid-item"></div>
        </div>
    );
}
